<!--header-->
<div app-header left='' center='项目详情' right='' white='true' isapp='isapp'></div>
<!--header end-->
<div class="mui-content" ng-style="{top:isapp?'1px':'45px'}">
	<div class="mui-slider productDetailsNew" id="productTab">
		<div class="product_Tab_Title mui-slider-indicator" style="position: static;">
			<span>基本信息</span>
			<span>贷后追踪</span>
			<span>还款计划</span>
		</div>
		<div id="sliderProgressBar" style="position: relative;background: #fb5a5c;" class="mui-slider-progress-bar mui-col-xs-4"></div>
		<div class="mui-slider-group" id="about" style="margin-top: 10px;">

			<!--第一个内容区容器-->
			<div class="mui-slider-item mui-active" id="item1">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="productDetails xmInfo box1" style="padding-bottom: 10px;">
							<h1>项目信息</h1>
							<ul class="mui-table-view">
								<li class="mui-table-view-cell" ng-if="productDetails.debts.debtAmount.length>0">
									借款总额<span class="mui-pull-right">{{productDetails.debts.debtAmount}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.debtCode.length>0">
									债权编码<span class="mui-pull-right">{{productDetails.debts.debtCode}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.debtName.length>0">
									债权名称<span class="mui-pull-right">{{productDetails.debts.debtName}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.debtSource.length>0">
									债权来源<span class="mui-pull-right">{{productDetails.debts.debtSource}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.debtTerm.length>0">
									借款期限<span class="mui-pull-right">{{productDetails.debts.debtTerm}}天</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.debtType.length>0">
									债权类型<span class="mui-pull-right">{{productDetails.debts.debtType}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.endAccrTypeName.length>0">
									结息方式<span class="mui-pull-right">{{productDetails.debts.endAccrTypeName}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.oriProRate.length>0">
									收益率<span class="mui-pull-right">{{productDetails.debts.oriProRate}}%</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.proIntro.length>0">
									项目简介<span class="mui-pull-right" ng-bind-html="productDetails.debts.proIntro"></span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.repaySource.length>0">
									还款来源<span class="mui-pull-right" ng-bind-html="productDetails.debts.repaySource"></span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.repayTypeName.length>0">
									还款方式<span class="mui-pull-right">{{productDetails.debts.repayTypeName}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.riskLevel.length>0">
									风险等级<span class="mui-pull-right">{{productDetails.debts.riskLevel}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.startAccrTypeName.length>0">
									起息方式<span class="mui-pull-right">{{productDetails.debts.startAccrTypeName}}</span>
								</li>
								<li class="mui-table-view-cell" ng-if="productDetails.debts.yearCycle.length>0">
									年化周期<span class="mui-pull-right">{{productDetails.debts.yearCycle}}天</span>
								</li>
							</ul>
							<div style="height: 10px;background: #f6f6f6;width: 120%;margin-left: -15px;"></div>
							<div ng-repeat="list in productDetails.objectDis" ng-if="productDetails.objectDis.length>0">
								<h1>借款人信息</h1>
								<ul class="mui-table-view">
									<li class="mui-table-view-cell" ng-if="list.objectName.length>0">
										借款人<span class="mui-pull-right">{{list.objectName}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.age.length>0&&list.objectType==1">
										年龄<span class="mui-pull-right">{{list.age}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.sex.length>0&&list.objectType==1">
										性别<span class="mui-pull-right">{{list.sex}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.idenNum.length>0&&list.objectType==1">
										身份证<span class="mui-pull-right">{{list.idenNum}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.isMarryName.length>0&&list.objectType==1">
										婚姻状况<span class="mui-pull-right">{{list.isMarryName}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.busiLicenNum.length>0&&list.objectType==2">
										营业执照编号<span class="mui-pull-right">{{list.busiLicenNum}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.education.length>0&&list.objectType==1">
										学历<span class="mui-pull-right">{{list.education}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.unitType.length>0">
										单位性质<span class="mui-pull-right">{{list.unitType}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.income.length>0&&list.objectType==1">
										月收入<span class="mui-pull-right">{{list.income}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.liabis.length>0">
										负债情况<span class="mui-pull-right">{{list.liabis}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.creditReport.length>0">
										征信报告<span class="mui-pull-right">{{list.creditReport}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.otherBorrow.length>0">
										其他借款<span class="mui-pull-right">{{list.otherBorrow}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.empNum.length>0&&list.objectType==2">
										企业规模<span class="mui-pull-right">{{list.empNum}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.operatCondit.length>0&&list.objectType==2">
										经营状况<span class="mui-pull-right">{{list.operatCondit}}</span>
									</li>
									<li class="mui-table-view-cell" ng-if="list.objectType.length>0">
										借款类型<span class="mui-pull-right">
					                    <span ng-if="list.objectType==1">借款个人</span>
										<span ng-if="list.objectType==2">借款机构</span>
										<span ng-if="list.objectType==3">担保个人</span>
										<span ng-if="list.objectType==4">担保机构</span>
										<span ng-if="list.objectType==5">债务个人</span>
										<span ng-if="list.objectType==6">债务机构</span>
										</span>
									</li>
								</ul>
							</div>
							<div style="height: 10px;background: #f6f6f6;width: 120%;margin-left: -15px;"></div>
							<h1 ng-if="productDetails.fileUploadRecordList.length>0">项目附件</h1>
							<div ng-if="productDetails.fileUploadRecordList.length>0" class="mui-content-padded">
								<p style="position: relative;">
									<img class="lazyload" ng-repeat="item in productDetails.fileUploadRecordList" src="image/default.jpg" data-original="{{item.filePath}}" />
								</p>
							</div>
						</div>

					</div>
				</div>
			</div>
			<!--第二个内容区容器-->
			<div class="mui-slider-item" id="item2">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="box2" style="padding-bottom: 10px;" ng-if="other.debtsTracking">
							<h2>资金运用情况</h2>
							<p>{{other.debtsTracking.capitalOperat}}</p>
							<h2>还款能力</h2>
							<p>{{other.debtsTracking.repayAbility}}</p>
							<h2>经营及财务情况</h2>
							<p>{{other.debtsTracking.situation}}</p>
							<h2>涉诉情况</h2>
							<p>{{other.debtsTracking.complaintCase}}</p>
							<h2>行政处罚</h2>
							<p>{{other.debtsTracking.punishment}}</p>
							<h2>其他说明</h2>
							<p>{{other.debtsTracking.others}}</p>
						</div>
						
						<div style="position:absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;align-items: center;display: -webkit-flex;display: flex;justify-content: center;" ng-show="!other.debtsTracking">
							<div><img src="image/empty/empty_shouyi@2x.png" style="width: 91px;height: 113px;" /><br />
								<p style="margin-top: 20px;">暂无记录</p>
							</div>
						</div>
						

					</div>
				</div>
			</div>
			<!--第三个内容区容器-->
			<div class="mui-slider-item" id="item3">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="box3" style="padding-bottom: 10px;" ng-if="other.platRepayList.length>0">
							<div class="box3_title">
								<span>还款日期</span>
								<span>本金(元)</span>
								<span>利息(元)</span>
								<span>状态</span>
							</div>

							<div class="box3_list">
								<p ng-repeat="item in other.platRepayList">
									<span>{{item.platRepayTime}}</span>
									<span>{{item.platCorpus}}</span>
									<span>{{item.platAccrual}}</span>
									<span>{{item.repayStatus}}</span>
								</p>
							</div>
						</div>

						<div style="position:absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;align-items: center;display: -webkit-flex;display: flex;justify-content: center;" ng-show="other.platRepayList.length==0">
							<div><img src="image/empty/empty_shouyi@2x.png" style="width: 91px;height: 113px;" /><br />
								<p style="margin-top: 20px;">暂无记录</p>
							</div>
						</div>

					</div>
				</div>
			</div>

		</div>
	</div>

</div>